<template>
    <div>
        <h1 class="bgc">{{msg}}</h1>
        <h2 @click="showName">学生姓名：{{name}}</h2>
        <h2>学生性别：{{sex}}</h2>
        <hr>
        <p>x是：{{x}}</p>
        <p>y是：{{y}}</p>
   
    </div>
</template>


<script>
    // 引入一个 a
    import {a,b,c} from '../mixin'
   export default{
       name:'Student',
       data() {
            return {
                msg:'欢迎你~学生',
                name:'张三',
                sex:'男'         
            }
        },
       mixins:[a,b,c],
       mounted() {
           console.log('我是原组件的输出');
       },
    //    遇到生命周期时，全部都输出，mixin的优先输出，跟书写顺序无关
             
   }
    

</script>
<style>
    .bgc{
        background-color: #ff6700;
    }
</style>
